package com.huluobo.a2211mdmdemo.views

import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.runtime.snapshots.SnapshotStateList
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import androidx.compose.ui.viewinterop.AndroidView
import androidx.navigation.NavHostController
import coil.compose.AsyncImage
import com.alipay.sdk.app.PayTask
import com.blankj.utilcode.util.TimeUtils
import com.blankj.utilcode.util.ToastUtils
import com.google.gson.Gson
import com.huluobo.a2211mdmdemo.myViews.LikeView
import com.huluobo.a2211mdmdemo.pay.PayResult
import com.huluobo.a2211mdmdemo.pay.util.OrderInfoUtil2_0
import com.huluobo.lib_base.RoutePath
import com.hyphenate.chat.EMClient
import com.hyphenate.chat.EMConversation
import com.hyphenate.chat.EMMessage
import com.hyphenate.chat.EMTextMessageBody
import kotlinx.coroutines.launch
import java.text.SimpleDateFormat
import java.util.Date

@Composable
fun MessagePage(navHostController: NavHostController) {
    val messageList = remember {
        SnapshotStateList<EMConversation>()
    }

    LaunchedEffect(key1 = "", block = {
        launch {
            //通过环信客户端获取所有会话列表
            messageList.addAll(EMClient.getInstance().chatManager().allConversations.values)
        }
    })

    Column(
        Modifier
            .fillMaxWidth()
            .padding(20.dp)
    ) {
        Text(text = "消息", fontSize = 26.sp, fontWeight = FontWeight.Bold)
        Spacer(modifier = Modifier.height(10.dp))
        LazyColumn(content = {
            items(messageList) {
                ConversationItem(emConversation = it, navHostController = navHostController)
            }
        }, verticalArrangement = Arrangement.spacedBy(10.dp), modifier = Modifier.fillMaxWidth())
    }
}

@Composable
fun ConversationItem(emConversation: EMConversation, navHostController: NavHostController) {
    var isGroup by remember {
        mutableStateOf(false)
    }

    Row(verticalAlignment = Alignment.CenterVertically, modifier = Modifier
        .padding(10.dp)
        .fillMaxWidth()
        .clickable {
            when (emConversation.type) {
                EMConversation.EMConversationType.Chat -> {
                    isGroup = false
                }

                EMConversation.EMConversationType.GroupChat -> {
                    isGroup = true
                }

                else -> {}
            }

            if (isGroup) {
                val chatBean = ChatBean(emConversation.conversationId(), EMMessage.ChatType.GroupChat)
                val json = Gson().toJson(chatBean)
                navHostController.navigate(RoutePath.CHAT + "/$json")
            } else {
                val chatBean = ChatBean(emConversation.conversationId(), EMMessage.ChatType.Chat)
                val json = Gson().toJson(chatBean)
                navHostController.navigate(RoutePath.CHAT + "/$json")
            }
        }) {

        AsyncImage(
            model = "https://img0.baidu.com/it/u=788800651,2030194952&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1730307600&t=9c17b588a934b0ccf76349e5e5b7ca08",
            contentDescription = "",
            Modifier
                .size(50.dp)
                .clip(RoundedCornerShape(5.dp)),
            contentScale = ContentScale.Crop
        )
        Row(
            modifier = Modifier
                .fillMaxWidth()
                .padding(start = 10.dp), horizontalArrangement = Arrangement.SpaceBetween
        ) {
            Column(modifier = Modifier.height(50.dp), verticalArrangement = Arrangement.SpaceAround) {
                Text(text = emConversation.conversationId())
                Text(text = (emConversation.lastMessage.body as EMTextMessageBody).message, color = Color.Gray)
            }
            Column(modifier = Modifier.height(50.dp), verticalArrangement = Arrangement.SpaceAround) {
                val today = SimpleDateFormat("yyyy-MM-dd").format(System.currentTimeMillis())
                val date = TimeUtils.date2String(Date(emConversation.lastMessage.msgTime)).substring(0, 10)
                val time = TimeUtils.date2String(Date(emConversation.lastMessage.msgTime)).substring(10, 16)
                if (today == date) {
                    Text(text = time)
                } else {
                    Text(text = date)
                }
                if (emConversation.unreadMsgCount > 0) {
                    Text(
                        text = emConversation.unreadMsgCount.toString(), color = Color.White,
                        modifier = Modifier
                            .background(
                                Color.Red,
                                CircleShape
                            )
                            .padding(5.dp)
                    )
                }
            }
        }
    }
}